<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        // es5合并对象
        // const obj1 = {
        //     a: 1,
        //     b: 1.5,
        // };
        // const obj2 = {
        //     b: 2,
        // };

        // // 对象合并
        // const obj111 = Object.assign(obj1, obj2);

        // // 对象复制
        // const obj11 = Object.assign({}, obj1);

        // // 对象组合
        // const obj3 = Object.assign(obj11, obj2); // 新地址 { a: 1, b: 2 }

        // es6合并对象
        // 对象解构
        // const obj = {
        //     ...obj1,
        //     ...obj2,
        // };

        // console.log(obj); // { a: 1, b: 2 }

        const obj1 = {
            a: {
                name: 'zhangsan',
            },
        };

        const obj2 = {
            b: {
                name: 'lisi',
            },
        };

        // es6
        // const obj = {
        //     ...obj1,
        //     ...obj2,
        // };

        // es5
        // const obj = Object.assign({}, obj1, obj2);

        // obj.a = {
        //     name: 'zhangsan2',
        // };
        // // obj.a.name = 'zhangsan1';

        // console.log(obj1.a.name); // 'zhangsan1'

        const arr = [
            { name: 'zhangsan' },
            { name: 'lisi' },
            { name: 'wangwu' },
        ];

        const arr1 = arr.concat();

        // arr1[0].name = 'zhangsan1';
        arr1[0] = {
            name: 'zhangsan2',
        };

        console.log(arr[0].name); // 'zhangsan'




    </script>
</body>
</html>